<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Vue - Clean Minimal eCommerce HTML Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS here -->
    <link rel="stylesheet" href="../../css/bootstrap.min1.css">
    <link rel="stylesheet" href="../../css/owl.carousel.min.css">
    <link rel="stylesheet" href="../../css/animate.min.css">
    <link rel="stylesheet" href="../../css/magnific-popup.css">
    <link rel="stylesheet" href="../../css/fontawesome-all.min.css">
    <link rel="stylesheet" href="../../css/flaticon.css">
    <link rel="stylesheet" href="../../css/meanmenu.css">
    <link rel="stylesheet" href="../../css/jquery-ui.css">
    <link rel="stylesheet" href="../../css/meanmenu.css">
    <link rel="stylesheet" href="../../css/slick.css">
    <link rel="stylesheet" href="../../css/default1.css">
    <link rel="stylesheet" href="../../css/style1.css">
    <link rel="stylesheet" href="../../css/responsive1.css">
    <link rel="stylesheet" href="../../css/my.css">
</head>
<body>


<!-- header start -->
    <div id="header-sticky" class="padding-4">
        <div class="logo padding-4" align="center">
            <a href="/toDashboardUser2"><img src="../../img/logo.png" alt=""></a>
        </div>
        <p style="color: white" disabled="true">123</p>
    </div>
<!-- header end -->


<main>

    <!-- breadcrumb-area-start -->
    <section class="breadcrumb-area" data-background="img/bg/page-title.png">
        <div class="container">
            <div class="row">
                <div class="col-xl-12">
                    <div class="breadcrumb-text text-center">
                        <h1>订单确认</h1>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- breadcrumb-area-end -->

    <!-- shop-area start -->
    <section class="shop-details-area pt-100 pb-100">
        <div class="container">
            <div class="row">
                <div class="col-xl-6 col-lg-4">
                    <div class="product-details-img mb-10">
                        <div class="tab-content" id="myTabContentpro">
                            <div class="tab-pane fade show active" id="home" role="tabpanel">
                                <div class="product-large-img">
                                    <img th:src="${msg1.url}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-6 col-lg-8">
                    <div class="product-details mb-30 pl-30">
                        <div class="details-cat mb-20 ">
                            <a href="#">decor,</a>
                            <a href="#">furniture</a>
                        </div>
                        <h2 class="pro-details-title mb-15" th:text="${msg1.pname}">${msg1.pname}</h2>
                        <div class="details-price mb-20">
                            <span th:text="'￥'+${msg1.pprice}"></span>
                        </div>
                        <h4 th:text="'当前库存'+${msg2.num}"></h4>
                        <p></p>
                        <div class="product-size variant-item">
                            <div class="variant-name">
                                <h5 style="font-weight: normal">口味</h5>
                            </div>
                            <ul class="shop-link shop-size">
                                <li class="active"><a href="#">原味 </a></li>
                            </ul>
                        </div>

                        <div>
                        <div class="product-size variant-item">
                            <div class="variant-name">
                                <h5 style="font-weight: normal">支付方式</h5>
                            </div>
                            <ul class="shop-link shop-size">
                                <input type="radio" name="aa" checked><img width="200px" src="../../img/weixin.png" alt="">
                                <input type="radio" name="aa"><img width="200px" src="../../img/zhifubao.png" alt="">
                            </ul>
                        </div>
                        </div>

                        <div class="product-action-details variant-item">
                            <div class="product-details-action" align="center">
                                <form action="/addOrder">
                                    <div class="plus-minus">
                                        <div class="cart-plus-minus" disabled="true"><input type="text" name="num" th:value="${msg3}"></div>
                                        <input type="text" name="id" class="form-control" hidden th:value="${msg}">
                                        <input type="text" name="pid" class="form-control" hidden th:value="${msg}">
                                        <input type="text" name="userid" class="form-control" hidden th:value="${session.uid}">
                                    </div>
                                    <div class="details-cart mt-40">
                                        <button class="btn theme-btn">立即购买</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                        <p style="color: white" disabled="true">123</p>
                        <p style="color: white" disabled="true">123</p>
                        <p style="color: white" disabled="true">123</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>


<!-- footer start -->
<footer class="footer-area pl-100 pr-100">
    <div class="copyright-area box-105">
        <div class="container-fluid">
            <div class="pt-30 pb-30">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="copyright text-center">
                            <p>Copyright © 2019 <a href="#">BasicTheme212</a>. All Rights Reserved</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer end -->

<!-- Fullscreen search -->
<div class="search-wrap">
    <div class="search-inner">
        <i class="fas fa-times search-close" id="search-close"></i>
        <div class="search-cell">
            <form method="get">
                <div class="search-field-holder">
                    <input type="search" class="main-search-input" placeholder="Search Entire Store...">
                </div>
            </form>
        </div>
    </div>
</div> <!-- end fullscreen search -->







<!-- JS here -->
<script src="../../js/jquery-1.12.4.min.js"></script>
<script src="../../js/jquery-ui.js"></script>
<script src="../../js/popper.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/owl.carousel.min.js"></script>
<script src="../../js/isotope.pkgd.min.js"></script>
<script src="../../js/slick.min.js"></script>
<script src="../../js/jquery.meanmenu.min.js"></script>
<script src="../../js/ajax-form.js"></script>
<script src="../../js/wow.min.js"></script>
<script src="../../js/jquery.scrollUp.min.js"></script>
<script src="../../js/jquery.final-countdown.min.js"></script>
<script src="../../js/imagesloaded.pkgd.min.js"></script>
<script src="../../js/jquery.magnific-popup.min.js"></script>
<script src="../../js/plugins.js"></script>
<script src="../../js/main1.js"></script>
</body>
</html>

